<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>addbook</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
        <style>
            .container{
                margin-top: 100px;
            }

        </style>
</head>
<body>

<div class="container">

    <div class="row">

        <div class="col-md-6 col-md-offset-3">
            <h3><a href="{% url 'app01:booklist' %}"  class="pull-right btn btn-info">查看书籍</a></h3>
            <br> <br>
            <form action = {% url 'app01:addbook' %} method='post'>
                {% csrf_token %}
                <div>
                    <label for="">书籍名称</label>
                    <input type="text" class="form-control" name="title">
                </div>
                <div>
                    <label for="">价格</label>
                    <input type="text" class="form-control" name="price">
                </div>
                <div>
                    <label for="">出版时间</label>
                    <input type="date" class="form-control" name="pub_date">
                </div>
                <div>
                    <label for="">出版社</label>
                    <input type="text" class="form-control" name="press">
                </div>
                <br>
                <input type="submit" class="pull-right ">


            </form>
        </div>
    </div>
</div>
</body>
</html>